.P10402-pregunta {
  margin-top: 100px !important;
}

.P10402-pregunta img{
  width: 15%;
}

/*.flecha-wrapper{
  margin-top: -15px;
}

.arriba{
  font-size: 25px;
  margin: -4px auto;
  text-align: center;
  display: block;
  float: none;
  width: 25%;
}

.linea{
  color: #000;
  border: 2px solid;
  float: left;
  width: 90%;
  margin: 8px 0 0 0;
}

.triangulo {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
    float: left;
}*/

.spanNumIntermedio{
	font-size: 2em;
	/*margin: -4px auto;
	text-align: center;*/
	display: block;
	float: none;
	//width: 25%;
}

.linea{
	color: black;
	border: 2px solid;
	float: left;
	width: 80%;
	margin: 8px 0 0 4%;	/*arriba, derecha, abajo, izquierda*/
}

.triangulo {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
    float: left;
}

.flecha {
	height: 10%;
}

.flecha-wrapper{
	float: left;
	width: 50%;
}

/* ---- */

.P10245-pregunta {
  margin-top: 100px !important;
}

.P10245-pregunta img{
  width: 15%;
}






.P10402-juego{
	border: 2px solid #3DB53F; //verde
	margin: 2%;
	width: 95%;
	display: inline-block;
	text-align: center;
	/*custom*/
	height: 25%;
}

.centrarVertical {
	display: table;	/*alineacion vertical*/
	width: 100%;
}

.centrar{
	display: inline-block;
	width: 70%;
	/*width: 90%;*/
	margin-top: 8%;
	/*custom*/
	padding-left: 3%;
}

.pad{
	text-align: center;
	cursor: pointer;
	border: 2px solid black;
	text-align: center;
	padding: 0;
	display: table;	/*alineacion vertical*/
	/*custom*/
	margin: 0.5%;
	width: 20%;	/*15%*/
	height: 48%;
}

.spanPad {
	font-size: 2.5em;
	vertical-align: middle;	/*alineacion vertical*/
	display: table-cell;	/*alineacion vertical*/
	/*margin-left: auto;
	margin-right: auto;*/
	/*custom*/
	/*padding: 2%;*/
}

.spanNumero {
	float: left;
	font-size: 3.5em;
	/*custom*/
	margin: 1%;
	margin-top: 3%;
}


.first {
	margin-left: 0 !important;
}
.last {
	margin-right: 0 !important;
}

@media (max-width: 300px) {
    html { font-size: 70%; }
}

@media (min-width: 500px) {
    html { font-size: 80%; }
}

@media (min-width: 700px) {
    html { font-size: 120%; }
}

@media (min-width: 1200px) {
    html { font-size: 200%; }
}
